@charset "UTF-8";
/*样式重置*/
*{margin:0;padding:0}
li{list-style:none}
img{border:0;vertical-align:middle;max-width: 100%}
button{cursor:pointer; /*outline: none;*/}
html,body{width: 100%;min-width: 1240px}
h1,h2,h3,h4,h5,h6{font-weight: 400;font-style: normal}
a{color:#333333;text-decoration:none;outline: 0;cursor: pointer}
button,input{font-family:Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;border: none;outline: none;color:inherit;}
body{-webkit-font-smoothing:antialiased;background-color:#fff;font:12px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;position: relative;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
input::-ms-input-placeholder {  color: #999999;  }
input::-ms-clear,input::-ms-reveal{display:none;}
/*浮动*/
.l{float: left;}
.r{float: right;}
.clearfix:after{visibility:hidden;clear:both;display:block;content:".";height:0}
.clearfix{*zoom:1}
/*定位*/
.po-r{position: relative;}
.pos-r{position: relative}
.po-a{position: absolute;}
.po-f{position: fixed;}

.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}
/*居中*/
.marAto{margin: 0 auto;}
/*版心*/
.w{width: 1200px;margin: 0 auto;}

.ovfHiden{overflow: hidden;}
/*小手*/.point{cursor: pointer;}
/*一行显示*/.textNow{white-space:nowrap;overflow: hidden;}
/*一行显示超出冒号*/.textOne{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*一行显示超出冒号*/.textTwo{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
/*两端对齐*/.textJus{text-align:justify;}

.col000{color: #000000;}
.col333{color: #333333;}
.col666{color: #666666;}
.col999{color: #999999;}
.col448{color: #4484ff;}
.col707{color: #707070;}
.colff7{color: #ff7d66;}
.colff7b{color: #ff7b3d;}
.colc4a{color: #c4a478;}
.colff0{color: #ff091a;}
.colffa{color: #ffa229;}
.colffb5{color: #ffb5a7;}

.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz30{font-size: 30px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz34{font-size: 34px;}
.fz36{font-size: 36px;}
.font-str{font-weight: 700;}
.fw-400{font-weight: 400;}

.mt-0{margin-top: 0!important;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-55{margin-top: 55px;}
.mt-60{margin-top: 60px;}
.mt-65{margin-top: 65px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-85{margin-top: 85px;}
.mt-100{margin-top: 100px;}

.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-45{margin-left: 45px;}
.ml-60{margin-left: 60px;}


.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-35{margin-bottom: 35px;}
.mb-40{margin-bottom: 40px;}
.mb-45{margin-bottom: 45px;}
.mb-50{margin-bottom: 50px;}
.mb-80{margin-bottom: 80px;}
.mb-100{margin-bottom: 100px;}
.mb-110{margin-bottom: 110px;}

.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-50{margin-right: 50px;}

.pl-10{padding-left: 10px}
.pl-15{padding-left: 15px}
.pl-20{padding-left: 20px}

.pt-10{padding-top: 10px}
.pt-20{padding-top: 20px}
.pt-30{padding-top: 30px}
.pt-70{padding-top: 70px}

.pl-30{padding-left: 30px}

.pr-20{padding-right: 20px;}

.plr-10{padding: 0 10px}
.plr-15{padding: 0 15px}
.plr-20{padding: 0 20px}
.plr-30{padding: 0 30px}
.plr-45{padding: 0 45px}
.plr-50{padding: 0 50px}

.pb-30{padding-bottom: 30px}
.pb-10{padding-bottom: 10px}
.pb-20{padding-bottom: 20px}
.pb-50{padding-bottom: 50px}

.pd-10{padding: 10px}
.pd-15{padding: 15px}
.pd-20{padding: 20px}

.dis-b{display: block;}
.dis-i{display: inline-block;}
.dis-n{display: none;}

.lin-30{line-height: 30px;}

/*阴影边框*/.borshadow{  box-shadow: 0px 0px 1px 1px #cccccc;  -moz-box-shadow: 0px 0px 1px 1px #cccccc;  -webkit-box-shadow: 0px 0px 1px 1px #cccccc;  }
/*下划线*/ .unA{text-decoration: underline;}
.hoverScale {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;
}
.hoverScale:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/*头部*/
.header {
    height: 180px;
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.header .logo {
    display: block;
    overflow: hidden;
    height: 50px;
    margin-top: 72px;
    float: left;
    padding-left: 182px;
    position: relative;
}
.header .logoImg {
    position: absolute;
    top: 0;
    left: 0;
}
.header .lin {
    float: left;
    width: 2px;
    height: 50px;
    background: url("../images/C1.png") no-repeat right top;
}
.header .logoTx {
    float: left;
    margin-left: 8px;
    padding-top: 3px;
    line-height: 22px;
    font-size: 12px;
    color: #999999;
}
.headerSch {
    position: absolute;
    top: 50px;
    left: 429px;
}
.headerSchTab {
    height: 27px;
    overflow: hidden;
}
.headerSchTab li{
    float: left;
    padding: 0 20px;
    line-height: 27px;
    color: #4484ff;
    font-size: 12px;
    cursor: pointer;
}
.headerSchTab li:hover{
    background-color: rgba(68,132,255,0.1);
}
.headerSchTab li.current{
    background-color: #4484ff;
    color: #ffffff;
}
.headerSch form{
    width: 422px;
    height: 40px;
    overflow: hidden;
    position: relative;
}
.placeholderLabel {
    position: absolute;
    left: 18px;
    top: 10px;
    color: #d9d9d9;
    font-size: 14px;
    padding-left: 18px;
}
.placeholderLabel i{
    width: 13px;
    height: 13px;
    background: url("../images/C1.png") no-repeat left top;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}
.headerSch .keyword{
    width: 306px;
    height: 36px;
    padding-left: 6px;
    border: 2px solid #4484ff;
    font-size: 16px;
    color: #444444;
    float: left;
    line-height: 36px;
}
.headerSch button{
    float: left;
    font-size: 16px;
    width: 106px;
    height: 40px;
    background-color: #4484ff;
    color: #ffffff;
}
.hotwords {
    width: 382px;
    position: relative;
    padding-right: 40px;
    height: 30px;
    overflow: hidden;
}
.hotwords a ,.hotwords span{
    margin-top: 7px;
    display: inline-block;
    font-size: 12px;
}
.hotwords a{
    margin-right: 12px;
}
.hotwords a.r{
    margin-right: 0;
    position: absolute;
    top: 0px;
    right: 0px;
}
.hotwords a:hover {
    color: #4484ff;
}
.hotwords a:hover .triangleB{
    border-right: 1px solid #4484ff;
    border-bottom: 1px solid #4484ff;
}
.triangleB{
    display: inline-block;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    transform-origin: right center;
    margin-left: 3px;
    margin-right: 3px;
}
.headerR {
    position: absolute;
    right: 0;
    top: 90px;
}
.headerR .i{
    color: #4484ff;
    font-size: 14px;
    display: inline-block;
    border-left: 1px solid #cccccc;
    padding-left: 12px;
    line-height: 16px;
    margin-left: 10px;
    overflow: hidden;
}
.headerR>.i:first-child{
    margin-left: 0px;
    padding-left: 0px;
    border: none;
}
.loginState .headUserName {
    padding-left: 30px;
    padding-right: 14px;
    position: relative;
    display: inline-block;
    max-width: 150px;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.loginState .headUserName:after{
     content: '';
     position: absolute;
     left: 10px;
     top: 0px;
     width: 15px;
     height: 16px;
     background: url("../images/user/topUser.png") no-repeat 0 -84px;
 }
.headUserName:before{
    content: '';
    position: absolute;
    right: 0px;
    top: 6px;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #4484ff transparent transparent transparent;
}
.loginSuccess  .headUserBox {
    position: absolute;
    top: 25px;
    right: 0px;
    z-index: 10;
    display: none;
}
.headUserBox:before{
    content: '';
    position: absolute;
    right: 18px;
    top: -10px;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color:transparent transparent #4484ff transparent;
}
.headUserBox:after{
    content: '';
    position: absolute;
    right: 18px;
    top: -9px;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color:transparent transparent #ffffff transparent;
}
.loginSuccess ul{
    margin-top: 10px;
    width: 100px;
    height: 220px;
    border: 1px solid #4484ff;
    background-color: #ffffff;
    padding: 0 15px;
}
.loginSuccess ul li:first-child{
    margin-top: 10px;
}

.headUserList  a{
    height: 33px;
    line-height: 33px;
    display: block;
    border-bottom: 1px dashed #D9D9D9;
    color: #333333;
    font-size: 12px;
    padding-left: 12px;
}
.loginSuccess ul li:last-child a{
    border: none;
}
.headUserList a:hover{
    border-color: #4484ff;
    color: #4484ff;
}
.headUserList a span{
    display: inline-block;
    margin-right: 5px;
    background-image: url('../images/user/topUser.png');
    background-repeat: no-repeat;
    position: relative;
}
.huList1 span{background-position: 0 0;width: 15px;height: 15px;top: 3px;}
.huList1 a:hover span{background-position: right top;}
.huList2 span{background-position: 0 -17px;width: 12px;height: 12px;top: 2px;}
.huList2 a:hover span{background-position: -18px -17px;}
.huList3 span{background-position: 0 -31px;width: 11px;height: 9px;top: 0px;}
.huList3 a:hover span{background-position: -18px -31px;}
.huList4 span{background-position: 0 -42px;width: 13px;height: 11px;top: 2px;}
.huList4 a:hover span{background-position: -18px -42px;}
.huList5 span{background-position: 0 -56px;width: 13px;height: 11px;top: 2px;}
.huList5 a:hover span{background-position: -18px -56px;}
.huList6 span{background-position: 0 -69px;width: 12px;height: 12px;top: 2px;}
.huList6 a:hover span{background-position: -18px -69px;}
/*导航*/
.nav {
    background-color: #4484ff;
    height: 46px;
    box-shadow: 0px 5px 15px #aaa;
}
.navitems{
    padding-left: 190px;
}
.navitems li {
    float: left;
    text-align: center;
}
.navitems .current{
    background-color: #729aff;
}
.navitems li:hover{
    background-color: rgba(255,255,255,0.1);
    /*background-color: #729aff;*/
}
.navitems a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 46px;
    padding:0 30px;
    min-width: 55px;
}
.nav-cate{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    z-index: 5;
}
.nav-cate-head{
    height: 46px;
    width: 190px;
    background-color: #2488ff;
    color: #ffffff;
    font-size: 16px;
    box-shadow: 0px 5px 15px #777;
    line-height: 46px;
    cursor: pointer;
}
.nav-cate-head i{
    margin-right: 8px;
    margin-left: 12px;
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url("../images/C1.png") no-repeat left -153px;
}
.cate_menu {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    box-shadow: -1px 5px 15px #999;
    width: 188px;
    border-right: 1px solid #ccc;
}
.cate_menu li{
    height: 63px;
    line-height: 63px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
    padding-left: 20px;
}
.cate_menu li a{
    display: block;
}
.cate_menu li:after{
    content: '';
    display: block;
    position: absolute;
    width: 150px;
    height: 0;
    border-bottom: 1px dashed #999999;
    bottom: 1px;
    left: 20px;
}
.cate_menu li:last-child:after{
    content: '';
    display: block;
    position: absolute;
    width: 150px;
    height: 0;
    border-bottom: 0px dashed #999999;
    bottom: 1px;
    left: 20px;
}
.cate_menu li i{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 12px;
    background-image: url("../images/C2.png");
    background-repeat: no-repeat;
    background-position-x: 0px;
}
.cate_menu li .menuIcn1{background-position-y: 0px;}
.cate_menu li .menuIcn2{background-position-y: -17px;height: 15px;}
.cate_menu li .menuIcn3{background-position-y: -35px;}
.cate_menu li .menuIcn4{background-position-y: -52px;height: 12px;}
.cate_menu li .menuIcn5{background-position-y: -66px;}
.cate_menu li .menuIcn6{background-position-y: -84px;height: 12px;}

.cate_menu li:hover{
    background-color: #4484ff;
    color: #ffffff;
}
.cate_menu li:hover i{
    background-position-x: -18px;
}

.cate_pop {
    min-height: 380px;
    position: absolute;
    left: 190px;
    top: 46px;
    box-shadow: 3px 5px 15px rgba(0,0,0,0.3);
    background-color: #ffffff;
}
.cate_part {
    height: 100%;
    padding-right: 250px;
    position: relative;
}
.cate_part1 dl{
    max-height: 121px;
    overflow: hidden;
}
.cate_partleft {
    height: 100%;
    width: 760px;
    float: left;
}
.cate_detail {
    width: 320px;
    height: 121px;
    padding-right: 60px;
    float: left;
    margin-bottom: 4px;
    overflow: hidden;
}
.cate_detail dt{
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #cccccc;
    font-size: 15px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 10px;
}
.cate_detail dt a{
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    float: right;
}
.cate_detail dd{
    float: left;
    margin-left: 20px;
}
.cate_detail dd a{
    line-height: 30px;
    color: #666666;
    font-size: 14px;
}
.cate_detail a:hover{
    color: #4484ff;
}
.cate_partrig {
    position: absolute;
    top: 0px;
    right: 0;
    width: 225px;
    float: left;
    padding-left: 25px;
    padding-top: 5px;
}
.cate_partrig li {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    text-align: center;
}
.cate_partrig .imgB {
    width: 94px;
    height: 65px;
    line-height: 65px;
    border: 1px solid #e6e6e6;
}
.cate_partrig .imgB img{
    max-height: 100%;
    max-width: 100%;
}
.cate_partrig .textB {
    line-height: 20px;
    font-size: 12px;
    color: #666666;
}

    /*尾部*/
.commfootT {
    background-color: #364b61;
    min-height: 200px;
    padding-top: 40px;
}
.commfootT dl{
    color: #999999;
    float: left;
    width: 211px;
}
.commfootT dt{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}
.commfootT dd {line-height: 21px;}
.commfootT a {color: #999999;}
.commfootT a:hover{color: #888888;}
.commfootT dt span {
    display: inline-block;
    background-image: url(../images/C1.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
}
.footAbout dt span {
    height: 13px;
    padding-right: 25px;
    background-position: 0 -57px;
    top: 1px;
}
.footServe dt span {
    height: 16px;
    padding-right: 25px;
    background-position: 0 -72px;
}
.commfootT .footExap{width: 250px}
.footExap dt span {
    height: 18px;
    padding-right: 25px;
    background-position: 0 -90px;
}
.commfootT .footHelp{width: 170px}
.commfootT>.w>.t-c>img{
    width: 116px;
}
.footHelp dt span {
    height: 13px;
    padding-right: 25px;
    background-position: 0 -110px;
    top: 1px;
}
.footContact dt span {
    height: 17px;
    padding-right: 25px;
    background-position: 0 -124px;
}
.commfootB {
    background-color: #0b1117;
    height: 70px;
    padding-top: 30px;
}
.commfootB .w{height: 40px;}
.commfootB img{left: 0;top: 0}
.commfootB .col707{
    left: 152px;
    line-height: 20px;
    top: 1px;
    font-size: 12px;
}
/*返回顶部*/
.toTop{
    position: fixed;
    bottom: 50px;
    right: -50px;
    z-index: 15;
}
.toTop a{
    display: block;
    width: 44px;
    height: 44px;
    background: #364b61;
    color: #ffffff;
    text-align: center;
    line-height: 44px;
    border-top: 1px solid #e5e5e5;
}
/*checkbox样式重置*/
.checkStyle{
    position: relative;
    top: 2px;
    margin-right: 9px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #666666;
    cursor: pointer;
}
.checkStyle:hover{
    border-color: #4484ff;
}
.checkStyleCurrent{
    border-color: #4484ff;
    background: url("../images/C1.png") no-repeat 2px -141px;
}
.checkStyleIpt{
    width: 1px;
    height: 1px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}


/*分页*/
.page{
    text-align: center;
}
.page .num{
    color: #999999;
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 5px;
}
.page .num i{
    font-style: normal;
    color: #333333;
}
.page ul{
    display: inline-block;
    vertical-align: middle;
}
.page li,.page span{
    width: 30px;
    height: 30px;
    margin-right: 14px;
    float: left;
    line-height: 32px;
}
.page li.pageprev,.page li.pagenext{
    width: 68px;
}
.page li.pageprev a ,.page li.pagenext a{
    border: 1px solid #cccccc;
    height: 22px;
    line-height: 22px;
    margin-top: 3px;
    background-color: #ffffff;
}
.page li.disable a{
    cursor:default;
    color:#999999
}

.page li a{
    height: 100%;
    color: #333333;
    font-size: 14px;
    display: block;
    background: #f0f0f0;
}
.page li.active a,.page li a:hover{
    background: #4484ff;
    color: #ffffff;
    border-color: #4484ff;
}
.page li.disable a:hover{
    background: #ffffff;
    color: #999999;
    border-color: #cccccc;
}

/*关闭*/
.MiniLogTil .cols ,.usPrDraftTil .cols,.minVipTil .cols{
    display: block;
    float: right;
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin-top: 7px;
    transition: all 0.5s;
}
.MiniLogTil .cols:after ,.usPrDraftTil .cols:after,.minVipTil .cols:after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url("../images/C2.png") no-repeat 0 -141px;
    margin: 6px;
}
.MiniLogTil .cols:hover ,.usPrDraftTil .cols:hover,.minVipTil .cols:hover{
    transform:rotate(180deg);
}
/*迷你登录*/
.MiniBox{
    background: rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 30;
    width: 100%;
    /*display: none;*/
}
.MiniIfr{
    width : 100%;
    height: 100%;
    border: none;
}
.MiniLogIfrBox {
    width: 440px;
    height: 430px;
    margin: 0 auto;
    background-color: #ffffff;
    /*box-shadow: 0px 0px 15px #cccccc;*/
    position: absolute;
    left: 50%;
    margin-left: -220px;
    top: 50%;
    margin-top: -215px;
    overflow: hidden;
}
.MiniLog {
    width: 440px;
    height: 430px;
    background-color: #fff;
    overflow: hidden;
}
.MiniLogTil {
    height: 90px;
    /*line-height: 40px;*/
    color: #ffffff;
    background-color: #ffffff;
    text-align: center;
}
.MiniLogTil button{
    height: 46px;
    border-bottom: 2px solid #ffffff;
    margin: 44px 50px 0;
    font-size: 18px;
    color: #666666;
    background-color: transparent;
}
.MiniLogTil button.act{
    color: #4484ff;
    border-color: #4484ff;
}

.MiniLogTil .cols:after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url("../images/C2.png") no-repeat -19px -141px;
    margin: 6px;
}
.MiniLogTil .cols {
    position: absolute;
    top: 13px;
    right: 20px;
}
.miniloginForm {
    width: 350px;
    margin: 0 auto;
    font-size: 14px;
    color: #666666;
}
.miniloginForm .inpPar{
    overflow: hidden;
}
.miniloginForm .inpPar input{
    width: 308px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #666666;
    border-radius: 3px;
    padding-left: 40px;
    color: #333333;
    font-size: 16px;
}
.miniloginForm .checkStyle {
    width: 12px;
    height: 12px;
}
.miniloginForm .checkStyleCurrent {
    background: url(../images/C1.png) no-repeat 1px -142px;
}
.miniloginForm .logSbm{
    /*width: 180px;*/
    height: 50px;
    font-size: 18px;
}
.miniloginForm .miniloginTip{
    position: absolute;
    top: 110px;
    font-size: 12px;
    color: #ff7d66;
    z-index: 3;
}
.miniloginForm .errorPlacement {
    top: 107px;
    z-index: 5;
}
.miniloginForm label.error {
    font-size: 16px;
}
.miniloginForm .phoneCode input{
    width: 188px;
    border-radius: 3px 0 0 3px;
}
.miniloginForm .phoneCode .btn-phoneCode{
    width: 120px;
    height: 44px;
    font-size: 16px;
}
.miniloginForm input , .miniloginForm .btn-phoneCode {
    border-color: #cccccc !important;
}
/*select重置*/
/*.selectBox select{*/
    /*/!*display: none;*!/*/
/*}*/
.selectDl {
    /*display: inline-block;*/
    /*line-height: 22px;*/
    /*position: relative;*/
    /*cursor: pointer;*/
    display: none;
}
/*.selectDl .seled{*/
    /*color: #666666;*/
    /*display: block;*/
    /*height: 22px;*/
    /*border: 1px solid #cccccc;*/
    /*padding-right: 22px;*/
    /*position: relative;*/
    /*padding-left: 10px;*/

/*}*/
/*.selectDl .seled:after {*/
    /*width: 22px;*/
    /*height: 100%;*/
    /*background-color: #CCCCCC;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;content: '';*/
/*}*/
/*.selectDl .seled:before {*/
    /*position: absolute;*/
    /*right: 4px;*/
    /*top: 9px;*/
    /*content: '';*/
    /*width: 0;*/
    /*height: 0;*/
    /*border: 6px solid;*/
    /*border-color: #ffffff #CCCCCC #CCCCCC #CCCCCC;*/
    /*z-index: 1;*/
    /*box-shadow: 0 0 black;*/
/*}*/
/*.selectDl ul{*/
    /*position: absolute;*/
    /*top: 24px;*/
    /*left: 0;*/
    /*display: none;*/
    /*min-width: 100%;*/
    /*z-index: 5;*/
/*}*/
/*.selectDl li{*/
    /*padding: 0 10px ;*/
    /*display: block;*/
/*}*/
/*.selectDl li{*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*color: #ffffff;*/
    /*background-color: rgba(7,30,75,0.8);*/
/*}*/
/*.selectDl li.act,.selectDl li:hover{*/
    /*background-color: #ff937f;*/
/*}*/
.selectBox{
    position: relative;
    display: inline-block;
}
.selectBox select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: 1px solid #cccccc;
    color: #666666;
    height: 24px;
    padding-right: 22px;
    padding-left: 10px;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    background: transparent;
}
.selectBox:before {
    position: absolute;
    right: 4px;
    top: 9px;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #ffffff #CCCCCC #CCCCCC #CCCCCC;
    z-index: 1;
    box-shadow: 0 0 black;
}
.selectBox:after {
    width: 22px;
    height: 100%;
    background-color: #CCCCCC;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
}
.selectBox select option{
    white-space: pre;
    padding: 0 10px ;
    display: block;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    background-color: rgba(7,30,75,0.8);
}


/*table封装*/
.candyTable{
    border-collapse: separate;
    border-spacing: 0;
    clear: both;
    border: 1px solid #e6e6e6;
    width: 100%;
    empty-cells: show;
    display: table;
    max-width: 100%;
    table-layout: fixed;
    word-break: break-all;
}
.candyTable thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
.candyTable  tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.candyTable  tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.candyTable th ,.candyTable td {
    padding-left:20px;
    height: 50px;
    color: #333333;
    font-size: 14px;
    word-break: break-all;
}
.candyTable th {
    border-bottom: 1px solid #e6e6e6;
}
.candyTable a:hover{
    text-decoration: underline;
    color: #ff937f;
}
.tableWrapper .program:after{visibility:hidden;clear:both;display:block;content:".";height:0}
.tableWrapper .program {*zoom:1}
.tableWrapper .program {
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #333333;
}
.tableWrapper .selectBox .seled{
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tablepage:after{visibility:hidden;clear:both;display:block;content:".";height:0}
.tablepage{*zoom:1;margin-left: 20px;}
.tablepage span{
    float: left;
}
.program{
    line-height: 24px;
}
.tablepage .tableBtn {
    display: inline-block;
    width: 40px;
    height: 22px;
    border: 1px solid #e6e6e6;
    float: left;
    position: relative;
}
.tablepage .tableprev {
    border-right: none;
    margin-left: 10px;
    background-color: #f5f5f5;
}
.tablepage  .actPage{
    color: #ff937f;
    margin-right: 3px;
}
.tablepage  .totalPage{
    margin-left: 3px;
}
.tablepage .tablenext:after {
    content: '';
    position: absolute;
    right: 12px;
    top: 6px;
    width: 0px;
    height: 0px;
    border: 5px solid;
    border-color: transparent transparent transparent #ffffff;
}
.tablepage .tablenext:before {
    content: '';
    position: absolute;
    right: 11px;
    top: 6px;
    width: 0px;
    height: 0px;
    border: 5px solid;
    border-color: transparent transparent transparent #666666;
}
.tablepage .tableprev:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 7px;
    width: 0px;
    height: 0px;
    border: 5px solid;
    border-color: transparent  #ffffff transparent transparent;
}
.tablepage .tableprev:before {
    content: '';
    position: absolute;
    right: 19px;
    top: 7px;
    width: 0px;
    height: 0px;
    border: 5px solid;
    border-color: transparent #666666 transparent transparent;
}
.candyTable tbody tr.bg1{
    background-color: #f5f5f5;
}
.candyTable .like {
    float: none;
    margin: 0;
    width: auto;
    height: auto;
    color: #333333;
}
.candyTable .like.act em{
    background:transparent url("../images/C5.png") no-repeat -0px -17px;
    top: 3px;
}
.tablTxt {
    max-height: 40px;
    overflow: hidden;
}

.selIcn ,.ImportIcn,.draft2Icn,.editIcn,.addIcn,.sheetMintip,.removeIcn1{
    width: 17px;
    height: 16px;
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 5px;
}
.selIcn {
    background: url("../images/C5.png") no-repeat -23px -71px;
}
.ImportIcn {
    height: 17px;
    background: url("../images/C5.png") no-repeat -21px -93px;
}
.draft2Icn {
    width: 14px;
    height: 15px;
    background: url("../images/C5.png") no-repeat 0px -118px;
}
.editIcn {
    width: 14px;
    height: 14px;
    background: url("../images/C5.png") no-repeat -26px -114px;
}
.addIcn {
    width: 15px;
    height: 15px;
    background: url("../images/C5.png") no-repeat -25px -133px;
}
.sheetMintip {
    width: 12px;
    height: 12px;
    background: url("../images/C5.png") no-repeat -0px -136px;
}
.removeIcn1{
    width: 17px;
    height: 16px;
    background: url("../images/C5.png") no-repeat -23px -35px;
}
.downIcn1{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    background: url(../images/C4.png) no-repeat -24px -127px;
}
/*404*/
.FHF {
    width: 1200px;
    height: 810px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.yun404 ,.yun500 {
    position: absolute;
    background: url(../images/404.png) no-repeat;
    width: 132px;
    height: 90px;
    /*background-size: 50% ;*/
}
.yun404-1{
    top: 75px;
    left: 180px;
}
.yun404-2{
    top: 230px;
    left: 50px;
    background-size: 70%;
}
.yun404-3{
    top: 290px;
    left: 285px;
    background-size: 50%;
}
.yun404-4{
    top: 140px;
    left: 840px;
    background-size: 50%;
}
.yun404-5{
    top: 260px;
    right: 66px;
    background-size: 90%;
}
.return404 {
    font-size: 20px;
    color: #4484ff;
    padding-left: 30px;
    background: url("../images/sub/return.png") no-repeat left;
    margin-top: 30px;
    display: inline-block;
}
/*500*/
.yun500-1{
    top: 85px;
    left: 137px;
    background-size: 35%;
}
.yun500-2{
    top: 290px;
    left: 60px;
    background-size: 60%;
}
.yun500-3{
    top: 100px;
    left: 410px;
    background-size: 100%;
}
.yun500-4{
    top: 180px;
    left: 623px;
    background-size: 45%;
}
.yun500-5{
    top: 120px;
    left: 830px;
    background-size: 35%;
}
.yun500-6{
    top: 170px;
    left: 1000px;
    background-size: 90%;
}
.yun500-7{
    position: absolute;
    left: 300px;
    top: 120px;
}
.yun500-8{
    position: absolute;
    left: 700px;
    top: 100px;
}
.yun500-9{
    position: absolute;
    left: 215px;
    top: 150px;
}